<template>
  <div>
    <h2>App组件</h2>
    <p>App中的p标签</p>
    <button @click="aaaa">调用子组件的方法</button>

    <!-- ref 可以给固有标签加，也可以给组件标签加 -->
    <my-test ref="test"></my-test>
    <my-abc></my-abc>
  </div>
</template>

<script>
import MyAbc from './components/MyAbc.vue'
import MyTest from './components/MyTest.vue'
export default {
  components: { MyTest, MyAbc },
  methods: {
    aaaa () {
      // this.$refs.test // 找到子组件
      // 找到子组件之后，可以使用子组件的数据，也可以调用子组件的方法
      // this.$refs.test.getP() // 调用子组件的方法
      this.$refs.test.show() // 调用子组件的方法
    }
  }
}
</script>
